<!DOCTYPE html>
<html>
<body>
<head>
    <meta charset="UTF-8">
    <title>商品列表页面</title>
    <link rel="stylesheet" type="text/css" href="../css/navigation.css">
    <link rel="stylesheet" type="text/css" href="../css/item_list.css">
    <script src="../javascript/jquery-3.1.1.min.js"></script>
    <script src="../javascript/lodash.js"></script>
    <script type="text/javascript" src="../javascript/item_list.js" ></script>
    <script type="text/javascript" src="../javascript/jquery.tmpl.min.js" ></script>
    <script id="form" type="text/x-jquery.tmpl">
         <tr>
                <td>${classification}</td>
                <td>${name}</td>
                <td>${price}</td>
                <td>${unit}</td>
                <td><button class="button" id=${id}>加入购物车</button></td>
         </tr>
    </script>
</head>
<body>
<div id="navigation">
    <ul>
        <li><a href="home_list.html " class="go">Let's Go</a></li>
        <li><a href="home_list.html" class="tipspage">主页</a></li>
        <li><a href="item_list.html" class="goods" id="cart">商品列表</a></li>
        <li><a href="cart_list.html" class="cart" ><img  src="../shopping_cart.png"/>购物车(<b id="sum_count"></b>)</a></li>
    </ul>
    <div id="goods_list">
        <div id="items">
            <caption>商品列表</caption>
        </div>
        <table id="product_list">
            <thead>
            <tr>
                <th>分类</th>
                <th>名称</th>
                <th>单价（元）</th>
                <th>单位</th>
                <th></th>
            </tr>
            </thead>
        </table>
    </div>
</div>
</body>
</html>
